
<template>
  <div>
    <!-- 表单 -->
    <defaultForm :formData="formData">
      <div class="flexLeft borT" slot="item">
        <div class="formItemLeftText fontS16">联系人</div>
        <div class="flex1">
          <div
            class="flexLeft"
            :class="{ formItemRightBox: k !== lxrList.length - 1 }"
            v-for="(i, k) in lxrList"
            :key="k"
          >
            <span class="formItemRightText marR30">{{ i.name }}</span>
            <input
              type="text"
              class="flex1"
              :disabled="iptDis"
              v-model="declare[i.value]"
            />
          </div>
        </div>
      </div>
    </defaultForm>
  </div>
</template>
<script>
import defaultForm from "@/components/form/formDefaultItem.vue";
import { formData } from "@/assets/js/projectInfoFormData.js";
import { mapState } from "vuex";
export default {
  components: {
    // eslint-disable-next-line vue/no-unused-components
    defaultForm,
  },
  computed: {
    ...mapState({
      declare: (state) => state.declare,
      iptDis: (state) => state.iptDis,
    }),
  },
  data() {
    return {
      lxrList: [
        {
          name: "姓名",
          value: "callName",
        },
        {
          name: "手机",
          value: "callPhone",
        },
        {
          name: "电话",
          value: "callTel",
        },
        {
          name: "传真",
          value: "callFax",
        },
        {
          name: "E—MAIL",
          value: "callEmail",
        },
      ],
      formData,
    };
  }
};
</script>

<style lang="scss" scoped>
.borT {
  border-top: 1px solid #b8babd;
}
.formItemLeftText {
  width: 172px;
  text-align: right;
  padding-right: 14px;
  box-sizing: border-box;
  color: #3f4041;
}
.formItemRightBox {
  border-bottom: 1px solid #b8babd;
}
.formItemRightText {
  width: 88px;
  height: 43px;
  line-height: 43px;
  text-align: center;
  border-left: 1px solid #b8babd;
  border-right: 1px solid #b8babd;
}
</style>